<template>
	<div style="height:100%">
		 <ButtonGroup>
	        <Button @click="changeType(1)" :class="{active: formValidate.type ===1 }">新闻分类</Button>
	        <Button @click="changeType(2)" :class="{active: formValidate.type ===2 }">上传分类</Button>
	        <Button @click="changeType(3)" :class="{active: formValidate.type ===3 }">产品分类</Button>
	    </ButtonGroup>
		<Tree :data="baseData" @on-select-change="addition"></Tree>
		<Button type="primary" @click="additionson">增加子节点</Button>
		<Button type="primary" @click="amend">修改</Button>
		<Button type="primary" @click="deleted">删除</Button>
		<Input v-model="formValidate.title" >
		       
	        	<span slot="append" @click="changedata">change</span>
	    </Input>
	</div>
    
</template>
<script>
	import Mark from '../../common/Mark.js';

    export default {
    	mixins:[Mark],

        data() {
            return {
                module2:'cata',

            }
        }
        
    }
</script>

<style scoped="">
	.active{
		background:aqua
	}
</style>